<template>
    <div class="check-button" :class="{checked: isChecked}">
        <img src="~assets/img/cart/tick.svg" alt="">
    </div>
</template>

<script>
    export default {
      name: "",
      props: {
        isChecked: {
          type: Boolean,
          default: true
        }
      }
    }
</script>

<style scoped>
  .check-button{
    border: 2px solid #ccc;
    border-radius: 50%;
  }
  .check-button img{
    /*height: 100%;*/
    /*width: 100%;*/
    height: 18px;
    width: 18px;
    display: block;
  }
  .checked{
    background-color: red;
  }
</style>
